<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>CSS - 導覽列選單</title>
        <link type="text/css" rel="stylesheet" href="away.css" />
    </head>

    <body>
        <h1>CSS Navigation - DFUNS</h1>
        <ul class="nav">
            <li><a href="http://www.dfuns.idv.tw/about.html" class="b1">關於掌櫃<span></span></a>
                <ul>
                    <li><a href="http://away.myds.me/wordpress">DFUNS Life Style</a></li>
                    <li><a href="https://www.facebook.com/away.hung">My Facebook</a></li>
                </ul>
            </li>
            <li><a href="http://www.dfuns.idv.tw/gallery.html" class="b2">設計畫廊<span></span></a>
                <ul>
                    <li><a href="http://www.dfuns.idv.tw/gallery_ill.html">插畫設計</a></li>
                    <li><a href="http://www.dfuns.idv.tw/gallery_ui.html">User Interface</a></li>
                    <li><a href="http://www.dfuns.idv.tw/gallery_paint.html">繪畫塗鴉</a></li>
                    <li><a href="http://www.dfuns.idv.tw/gallery_adv.html">平面設計</a></li>
                </ul>
            </li>
            <li><a href="http://www.dfuns.idv.tw/closed.html" class="b3">專案企劃<span></span></a>
                <ul>
                    <li><a href="http://www.dfuns.idv.tw/closed_webDesign.html">網頁設計</a></li>
                    <li><a href="http://www.dfuns.idv.tw/closed_flashDesign.html">網頁互動特效</a></li>
                    <li><a href="http://www.dfuns.idv.tw/closed_cis.html">企業識別</a></li>
                </ul>
            </li>
            <li><a href="http://www.dfuns.idv.tw/teaching.html" class="b4">教學專區<span></span></a>
                <ul>
                    <li><a href="http://www.dfuns.idv.tw/teaching_base.html">基本排版</a></li>
                    <li><a href="http://www.dfuns.idv.tw/teaching_cssDiv.html">CSS 進階排版</a></li>
                    <li><a href="http://www.dfuns.idv.tw/teaching_css3.html">CSS3 視覺動態特效</a></li>
                    <li> <a href="http://www.dfuns.idv.tw/teaching_behavior.html">Behavior</a></li>
                    <li><a href="http://www.dfuns.idv.tw/teaching_spry.html">Spry</a></li>
                    <li><a href="http://www.dfuns.idv.tw/teaching_flash.html">Flash</a></li>
                    <li><a href="http://www.dfuns.idv.tw/teaching_as.html">ActionScript</a></li>
                    <li><a href="http://www.dfuns.idv.tw/teaching_js.html">Javascript</a></li>
                    <li><a href="http://www.dfuns.idv.tw/teaching_jq.html">jQuery</a></li>
                </ul>
            </li>
            <li><a href="http://www.dfuns.idv.tw/link.html" class="b5">好站連結<span></span></a>
                <ul>
                    <li><a href="http://www.dfuns.idv.tw/link_css.html">CSS 技術</a></li>
                    <li><a href="http://www.dfuns.idv.tw/link_flashWeb.html">多媒體動畫網站</a></li>
                    <li><a href="http://www.dfuns.idv.tw/link_pd.html">繪畫與設計</a></li>
                </ul>
            </li>
            <li><a href="http://www.dfuns.idv.tw/music.html" class="b6">音樂分享<span></span></a></li>
            <li><a href="http://www.dfuns.idv.tw/contact.html" class="b7">聯絡掌櫃<span></span></a></li>
            <li><a href="http://www.dfuns.idv.tw/" class="b8">回到首頁<span></span></a></li>
        </ul>
    </body>
</html>
